<template>
  <div>
    <el-container style="height: 800px; border: 1px solid #eee">
      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
        <el-menu :default-openeds="['1', '3']">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-message"></i>导航一
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1">选项1</el-menu-item>
              <el-menu-item index="1-2">订单列表</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-aside>
    </el-container>
    <!-- 右边部分 -->
    <div class="index-cont-right">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column fixed prop="customerNum" label="订单单号" width="120">
        </el-table-column>
        <el-table-column prop="address" label="客户联系人" width="120" ></el-table-column>
        <el-table-column prop="address" label="付款方式" width="120">
          
          <!-- <template slot-scope="{ row }"> -->
           
      <!-- <router-link to='aaa'> -->
        <!-- // <button @click="getBtn(row.flvAddress)">点我到第二个页面</button> -->
        <!-- </router-link> -->
      </template>
        </el-table-column>
        <el-table-column prop="address" label="计划付款日期" width="120"></el-table-column>
        <el-table-column prop="address" label="计划发货日期" width="120"></el-table-column>
        <el-table-column prop="address" label="税率" width="120"></el-table-column>
      </el-table>
    </div>
   
  </div>
</template>

<style>
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
.index-cont-right {
  position: absolute;
  left: 220px;
  top: 80px;
}
</style>

<script>

export default {
  data() {
    return{
    tableData:[]
    }
    
  },
  mounted() {
    this.getGetShopCity();
  },
  methods: {
    getGetShopCity() {
      GetShopInfo({}).then(res => {
        console.log(res);
        if (res.code == 0) {
          this.tableData = res.data.data;
        } else {
          this.$Message.error(res.error.msg);
        }
      });
    },
    // getBtn(flvAddress){
    //   console.log(flvAddress)
    //  this.$router.push({
    //     path: "/aaa",
    //     query: { flvAddress }
    //   });
    // }
  }
};
</script>